import styled from 'styled-components'

export const AppWrapper = styled.div`
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  .layout {
    &-header {
      width: 100%;
      padding: 0 30px;
      flex-shrink: 0;
      border-bottom: 1px solid #E3E5E7;
      height: 64px;
      display: flex;
      align-items: center;
      span {
        font-size: 24px;
        line-height: 1;
        font-weight: bold;
      }
    }
    &-main {
      flex: 1;
      overflow: hidden;
    }
  }
`